[IE6-ONLY] Gøre en stump CSS kompatibel.

Tags:    html css

Jeg har en klump kildekode, som virker fint i IE7 og FF3, men fucker HELT op i IE6. Jeg har ikke selv IE6, men har fået andre til at teste det.

Så, værsgo':
Fold kodeboks ind/udKode 


http://ytd.benetonsoftware.com/



7 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
Er de4t ikke fordi, at IE6 ikke forstår det der størrelse i 100%?
Prøv at skrive auto i stedet..

Jeg ved ikke om det hjælper, men jeg mener, at andre har haft det samme problem med 100%, så jeg TROR at det er der fejlen er



<style type="text/css">
.Overlay
{
width: 100%;
height: expression(document.body.clientHeight + "px");
left: 0px;
top: 0px;
background-color: black;
position: absolute;
opacity: 0.7;
filter: alpha(opacity=70);
color: white;
z-index: 10;
}

.OverlayContent
{
width: 400px;
height: 400px;
right: expression(((document.body.clientWidth / 2)-200)+"px");
top: 200px;
position: absolute;
z-index: 100;
border: 1px solid reD;

}
</style>
<div class="Overlay"></div>
<div class="OverlayContent"><h1 style="color:white">Indhold</h1></div>

Den virker til IE6.

Men det er måske ikke skiiiiide smart at forsøge at præsentere noget med advanceret CSS præcist til de gamle browsere !



Tik-tak, Jokke. Det skal testes! Jeg kan dog godt se ironien i din sidstnævnte udtalelse. :D



Jeg tør bestemt ikke sige om det virker på en ældre en 6, men dem ser vi heldigvis ikke så mange af mere. Kun de gamle skoler og firmaer med win 2000 er stadig IE6 only -> eller moz.

FYI: det staves vist "deprecated" :)



SÅDAN, Jokke! Den virker ned til IE5.1, ser det ud til.

@Jokke; Jeg havde ikke lige lavet stavekontrol endnu, i det mindste var resten rigtigt! :D



Indlæg senest redigeret d. 28.01.2009 18:50 af Bruger #11555
tror faktisk jeg mente:

document.body.scollHeight på .Overlay, så farver den kun skærmen og ikke hele body, skjul evt scroll med overflow og lidt js


/J



Nej, det er ok.



t